﻿<!DOCTYPE html>
<html>
  <head>
    <title>文档说明</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/文档说明/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/文档说明/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u0" class="ax_default box_1">
        <div id="u0_div" class=""></div>
        <div id="u0_text" class="text ">
          <p><span>产品页面设计说明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1" class="ax_default box_1">
        <div id="u1_div" class=""></div>
        <div id="u1_text" class="text ">
          <p style="font-size:16px;"><span>一、页面设计</span></p><p style="font-size:13px;"><span>产品框架共17个页面</span></p><p style="font-size:13px;"><span>1、一级页面</span></p><p style="font-size:13px;"><span>广场、商城、首页、消息、我</span></p><p style="font-size:13px;"><span>2、二级页面</span></p><p style="font-size:13px;"><span>添加、扫一扫、下一步、完成、身体部位、上装、下装、鞋子、配饰</span></p><p style="font-size:13px;"><span>3、三级页面</span></p><p style="font-size:13px;"><span>设置、个人资料</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2" class="ax_default box_1">
        <div id="u2_div" class=""></div>
        <div id="u2_text" class="text ">
          <p style="font-size:16px;"><span>二、功能设计</span></p><p style="font-size:13px;"><span>1、首页功能：根据自身的条件，选择最合适自己的衣服。用户可通过自己变身或者用AR扫描本身的全身照获得自己的身型，再根据自己的身型搭配最合适的衣服。首页的背景显示了当天的天气情况，方便用户考虑穿着问题。</span></p><p style="font-size:13px;"><span>2、广场功能：用户可以通过浏览广场获得一些其他用户的搭配技巧，用户可点赞、收藏自己满意的搭配，并且还能够发布自己的搭配日记。</span></p><p style="font-size:13px;"><span>3、商城功能：用户在广场中看见自己满意的搭配，可以在商城里面进行购买，商城还会推荐最近的热门搭配。</span></p><p style="font-size:13px;"><span>4、消息功能：用户可以与其他用户进行互动，分享个人心得。</span></p><p style="font-size:13px;"><span>5、个人页面：用户可在该页面查看和修改个人资料、通知、隐私等功能，</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3" class="ax_default box_1">
        <div id="u3_div" class=""></div>
        <div id="u3_text" class="text ">
          <p style="font-size:16px;"><span>三、设计理由</span></p><p style="font-size:13px;"><span>本产品页面主要采用卡片式的排版布局</span></p><p style="font-size:13px;"><span>采用卡片式排版布局的原因：</span></p><p style="font-size:13px;"><span>1、方便用户观看和浏览，用户所发布的内容清晰明了，图片加文字的排版让用户更加了解该日记的内容。</span></p><p style="font-size:13px;"><span>2、卡片式排版布局能够轻易分开不同类别的内容或物品。</span></p><p style="font-size:13px;"><span>3、用户的选择更加自由，相对于瀑布流式的布局，卡片式布局不会带给用户厌恶感，用户可自行选择想要浏览的内容，而不是被迫让用户接受系统所推荐的内容。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4" class="ax_default box_1">
        <div id="u4_div" class=""></div>
        <div id="u4_text" class="text ">
          <p style="font-size:16px;"><span>四、首屏页面信息</span></p><p style="font-size:13px;"><span>1、菜单栏&nbsp; &nbsp; 2、添加&nbsp; &nbsp; 3、扫一扫&nbsp; &nbsp; 4、人物形象&nbsp; &nbsp; 5、身体部位&nbsp; &nbsp; </span></p><p style="font-size:13px;"><span>6、上装&nbsp; &nbsp; 7、下装&nbsp; &nbsp; 8、鞋子&nbsp; &nbsp; 9、配饰&nbsp; &nbsp; 10、背景&nbsp; &nbsp; 11、性别</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5" class="ax_default box_1">
        <img id="u5_img" class="img " src="images/文档说明/regen/u5.png"/>
        <div id="u5_text" class="text ">
          <p style="font-size:16px;"><span>十字图</span></p><p style="font-size:13px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u6" class="ax_default" data-left="477" data-top="469" data-width="426" data-height="41">

        <!-- Unnamed (形状) -->
        <div id="u7" class="ax_default icon">
          <img id="u7_img" class="img " src="images/文档说明/regen/u7.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u8" class="ax_default line">
          <img id="u8_img" class="img " src="images/文档说明/regen/u8.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u9" class="ax_default" data-left="660" data-top="302" data-width="43" data-height="390">

        <!-- Unnamed (垂直线) -->
        <div id="u10" class="ax_default line">
          <img id="u10_img" class="img " src="images/文档说明/regen/u10.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u11" class="ax_default icon">
          <img id="u11_img" class="img " src="images/文档说明/regen/u11.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u12" class="ax_default box_1">
        <div id="u12_div" class=""></div>
        <div id="u12_text" class="text ">
          <p><span>重要必须的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u13" class="ax_default box_1">
        <div id="u13_div" class=""></div>
        <div id="u13_text" class="text ">
          <p><span>重要不必须的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u14" class="ax_default box_1">
        <div id="u14_div" class=""></div>
        <div id="u14_text" class="text ">
          <p><span>必须不重要的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u15" class="ax_default box_1">
        <div id="u15_div" class=""></div>
        <div id="u15_text" class="text ">
          <p><span>不必须不重要的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u16" class="ax_default box_1">
        <div id="u16_div" class=""></div>
        <div id="u16_text" class="text ">
          <p><span>1、菜单栏</span></p><p><span>4、人物形象</span></p><p><span>5、身体部位</span></p><p><span>6、上装</span></p><p><span>7、下装</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u17" class="ax_default box_1">
        <div id="u17_div" class=""></div>
        <div id="u17_text" class="text ">
          <p><span>2、添加</span></p><p><span>3、扫一扫</span></p><p><span>8、鞋子</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u18" class="ax_default box_1">
        <div id="u18_div" class=""></div>
        <div id="u18_text" class="text ">
          <p><span>9、配饰</span></p><p><span>11、性别</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u19" class="ax_default box_1">
        <div id="u19_div" class=""></div>
        <div id="u19_text" class="text ">
          <p><span>10、背景</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
